<template>
    <div class="loading_box" :class="{open:isshow}" v-show="isshow">
        <img src="../assets/loading.gif" alt=""><br>加载中...
    </div>
</template>
<script>
  export default {
      data:function(){
          return {

          }
      },
      props: ['isshow'],
      watch:{
          isshow:function(){
              
          }
      },
      updated () {
          
      },
      methods:{
          
      }
  };
</script>
<style lang="less">
    .loading_box{
        width:100px;background:rgba(0,0,0,0.4);position: fixed;z-index: 99999;color:#fff;border-radius: 10px;padding:20px 0;text-align:center;font-size:14px;
        top:50%;left:50%; transform: translate(-50%,-50%);opacity: 0; transition: all 0.2s;
        &.open{
            opacity: 1;
        }
        img{
            width:35px;height:35px;display: inline-block;
        }
    }
</style>